<template>
    <div class="home">
        <div class="row">
            <div small-bg>
                <dv-decoration5 :dur="2.5" style="width:420px;height:40px;" />
            </div>
        </div>
        <div class="row">
            <div class="item">
                <dv-border-box1 ref="borderRef">
                    <div class="box-item">
                        <!-- dataV 内部的元素 -->
                        <dv-decoration-12 style="width:150px;height:150px;" />
                    </div>
                </dv-border-box1>
            </div>
            <div class="item">

            </div>
        </div>

    </div>
</template>

<script setup lang="ts">

</script>

<style scoped lang="scss">
.home {
    width: 100%;
    height: 100%;

    .row {
        display: flex;
        justify-content: space-between;

        .item {
            width: 45%;
            height: 300px;

            .box-item {
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }
    }
}
</style>